﻿
<div class="item">
    <img src="/Images/02.jpg" alt="" />
    <div>item 02</div>
    <div>
        User, 21:45 08.05.2014
        <span>5</span>
    </div>
</div>

<style>
    .item {
        float: left;
        margin: 15px;
        margin-bottom: 20px;
        cursor: pointer;
        border: 5px solid #cccccc;
        border-radius: 2px;
    }

        .item > img {
            margin: 5px;
            width: 300px;
            height: 400px;
        }

        .item > div {
            margin: 5px 10px;
        }

            .item > div > span {
                float: right;
                background-size: 24px 24px;
                -webkit-background-size: 24px 24px;
                -moz-background-size: 24px 24px;
                -o-background-size: 24px 24px;
                background-image: url(../../Images/chat.png);
                height: 24px;
                width: 24px;
                text-align: center;
                font-size: 12px;
            }

                .item > div > span > img {
                    height: 24px;
                }
</style>